<!DOCTYPE html>
<html>
<head>
<title>gce.options</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 <style>
body {background-color: #EEE;font-size: 10pt;}
body > div{position:relative;margin:0px auto;width:400px;font-family:sans-serif;background-color:white;border:1px solid #D2DBED;font-family:Arial,sans-serif;font-size:13px;-webkit-box-shadow:#888 2px 2px 2px;}
body > div > div{padding-left:10px;padding-right:10px;}
.optionBlock{overflow:hidden;height:30px;position:relative;}
h2{font-size:17px;font-weight:bold;margin-bottom:20px;}
label{position:absolute;top:2px;display:inline-block;width: 100%;}
label:hover{background: #ccc;}

button{position:absolute;top:-4px;right:0px;background-color:#F3F3F3;-webkit-border-radius:3px;right:0px;}
#main{border-radius:5px;}
#icon{width:25px;padding-right:10px;vertical-align:bottom;}
p{margin-top:5px;font-style:italic;text-align:justify;color:gray;}
.optionBox b{padding: 0 10px;}
.optionBox span{cursor: pointer;    border: 1px solid lightblue;    padding: 3px;    background: #ccc;    color: black;}
</style>
<script type="text/javascript" src="lib/keycode_alias.js"></script>
<script type="text/javascript" src="options.js"></script>
</head>
<body>
	<div id="main">
		<div>
			<h2><img alt="icon" id="icon" src="icon48.png"/>google chome extension 配置</h2>
			<hr>
                                                                <div class="optionBlock">
                                                                           <label >自动json解析<input type="checkbox" name="autoJsonParse"></label>
			</div>
			<div class="optionBlock">
                                                                           <label >&nbsp;&nbsp;添加key引号包裹<input type="checkbox" name="enableKeyWarp"></label>
			</div>
			<div class="optionBlock">
                                                                           <label >&nbsp;&nbsp;添加折叠功能<input type="checkbox" name="enableFold"></label>
			</div>			
			<div class="optionBlock">
                                                                           <label >&nbsp;&nbsp;添加键盘动作<input type="checkbox" name="enableKeyBind"></label>
			</div>
			<div class="optionBlock">
                                                                            <label >百度搜索添加键盘事件<input type="checkbox" name="autoBaiduBind"></label>
			</div>
                                                                <div class="optionBox" >
                                                                    <h5>按键说明</h5>
                                                                    <a href="./readme.html#json" >json</a>   <a href="./readme.html#baidu">baidu</a>
			</div>
			<div class="optionBox" >
                                                                            <!--<h6>全局键盘按键别名<input type="hidden" name="keyMapAlias"> </h6>-->
                                                                            <div id="mapalias">
                                                                                
                                                                            </div>
			</div>
			<p>codeing changes from JsonView by keli@202103</p>
		</div>
	</div>
</body>
</html>
